.test-page {
  .page-content {
    align-items: center;
    padding: 0 calc(50% - 500px);

    .dialogue-item {
      display: flex;
      flex-direction: column;

      .common-dialog() {
        padding: 12px 16px;
        border-radius: 8px;
        margin-bottom: 16px;
        width: fit-content;
        max-width: 100%;
      }

      .search-box {
        align-self: flex-end;
        background-color: rgba(0, 0, 0, 0.05);
        .common-dialog();
      }

      .result-box {
        .common-dialog();
      }
    }

  }
}